<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="/css/index.css" rel="stylesheet" type="text/css" />
<link href="/css/bluePage.css" rel="stylesheet" type="text/css" />
<script src="../../../js/public.js" type="text/javascript"></script>
#parse("/WEB-INF/views/base/base.html")
<title>员工列表</title>
</head><body>
<form id="ListForm" name="ListForm" action='?cmd=list' method="post">
  <input type="hidden" name="orderBy" value="$!orderBy"/>
  <input type="hidden" name="orderType" value="$!orderType"/>
  <input type="hidden" name="pageSize" value="$!pageSize"/>
  <div class="content-right">
    <div class="content-r-pic">
      <div style="margin:8px auto auto 12px;"><img src="../../../images/employee.gif" width="138" height="17" /></div>
    </div>
    <div class="content-text">
      <div class="square-o-top">
        <table width="100%"  border="0" cellpadding="0" cellspacing="0" style="font-size:14px; font-weight:bold; font-family:"黑体";">
          <tr>
            <td width="80" style="height:30px; text-align:right">用户名&nbsp;</td>
            <td width="150"><input name="userName" type="text" class="searchInput" /></td>
            <td width="75">联系电话&nbsp;</td>
            <td width="150"><input name="mobileTel" type="text" class="searchInput" /></td>
            <td width="70">所属部门</td>
            <td width="150"><select onchange="document.getElementById('ListForm').submit()" style="width:100px" name="deptId" id="deptId" size="1" class="kuan">
                <option value="" selected="selected">请选择...</option>
                
                
              #foreach($obj in $departmentList)
	              
                
                <option value="$!obj.id">$!obj.name</option>
                
                
              #end
            
              
              </select></td>
            <td width="85"><input type="image" src="../../../images/can_b_01.gif" border="0" /></td>
            <td width="136"><a href="?cmd=add"><img src="../../../images/can_b_02.gif" border="0"/></a></td>
          </tr>
        </table>
      </div>
      <!--"square-o-top"end-->
      <div class="square-order">
        <table width="100%" id="listDB"  border="0" cellpadding="0" cellspacing="0">
          <tr class="thead">
            <td style="width:30px">序号</td>
            <td style="width:80px; text-align:center;" height="30" onclick="return doSort('sn');">员工编号#orderPic('sn')</td>
            <td style="width:80px;" onclick="return doSort('userName');">员工姓名#orderPic('userName')</td>
            <td style="width:150px;" onclick="return doSort('email');">电子邮件#orderPic('email')</td>
            <td style="width:90px;" onclick="return doSort('mobileTel');">联系电话#orderPic('mobileTel')</td>
            <td style="width:80px;" onclick="return doSort('dept');">所属部门#orderPic('dept')</td>
            <td style="width:50px;" onclick="return doSort('sex');">性别#orderPic('sex')</td>
            <td style="width:80px;" onclick="return doSort('types');">员工级别#orderPic('types')</td>
            <td style="width:70px;" onclick="return doSort('status');">用户状态#orderPic('status')</td>
            <td style="width:120px;">操作</td>
          </tr>
          #foreach($obj in ${result})
          <tr ondblclick="window.location.href='?cmd=edit&id=${obj.id}'" onmouseover="JsUtil.displace(this,true)" onmouseout="JsUtil.displace(this,false)" id="sn_$!velocityCount">
            <td>$!velocityCount</td>
            <td>&nbsp;$!{obj.sn}</td>
            <td>&nbsp;$!{obj.userName}</td>
            <td>&nbsp;$!{obj.email} </td>
            <td>&nbsp;$!{obj.mobileTel}</td>
            <td>&nbsp;$!{obj.dept.name}</td>
            <td>&nbsp;$!{obj.sex.name}</td>
            <td>&nbsp;$!{obj.types.name}</td>
            <td>#if($!{obj.status}==1)<span style="color:blue">正常</span> #elseif($!{obj.status}==0)<span style="color:red">未审核</span> #elseif($!{obj.status}==-1)<span style="color:#036">锁定</span> #elseif($!{obj.status}==-2)<span style="color:#666">回收站</span> #else未知#end </td>
            <td><img src="../../../images/icon_3.gif" /> <span style="line-height:12px; text-align:center;"><a class="xiu" href="?cmd=edit&id=${obj.id}">修改</a></span> <img src="../../../images/icon_04.gif" /> <span style="line-height:12px; text-align:center;"><a class="xiu" href="?cmd=delete&id=${obj.id}" onclick="return confirm('数据删除后不能恢复,请确认!');">删除</a></span></td>
          </tr>
          #end
        </table>
      </div>
    </div>
    <div class="content-bbg">
      <table width="100%"  border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td>$!{bluePage}</td>
        </tr>
      </table>
    </div>
  </div>
</form>
</body>
</html>
<script type="text/javascript">window.onload = JsUtil.interleaved("$!pageSize");</script>